import Vue from "vue"
import Router from "vue-router"

Vue.use(Router)

export default new Router({
  mode: "history",
  base: process.env.BASE_URL,
  routes: [
    {
      path: "/",
      name: "Home",
      // 异步组件 按需加载
      component: () => import("./views/Home.vue")
    },
    {
      path: "/city",
      name: "City",
      component: () => import("./views/City.vue")
    },
    {
      path: "/detail/:id",
      name: "Detail",
      component: () => import("./views/Detail.vue")
    }
    // {
    //   path: '/about',
    //   name: 'about',
    //   // route level code-splitting
    //   // this generates a separate chunk (about.[hash].js) for this route
    //   // which is lazy-loaded when the route is visited.
    // webpackChunkName: "about"
    //   component: () => import('./views/About.vue')
    // }
  ],
  scrollBehavior (to, from, savedPosition) {
    return { x: 0, y: 0 }
  }
})
